<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title>教练详情</title>
		<link rel="shortcut icon" href="https://www.leoao.com/favicon.ico" type="image/x-icon">
		<link rel="stylesheet" th:href="@{/layui/css/layui.css}">
		<link  rel="stylesheet" th:href="@{/css/privateCourse.css}"/>
	</head>
	<script th:src="@{/layui/layui.js}"></script>
	<script th:src="@{/js/jquery-3.3.1.js}"></script>
	<script th:src="@{/js/privateCourse.js}"></script>
	<body>
		<!-- 导航栏 -->
		<ul class="layui-nav" lay-filter="">
		  <li class="layui-nav-item layui-this"><a href="">金牌教练</a></li>
		  <li class="layui-nav-item"><a href="">我的课程</a></li>
		</ul>
		
		<div class="pic-panel">
			<img class="coach-pic" th:src="${coach.getPicurl()}">
			<h2 th:text="${coach.getName()}"></h2>
		</div> 
		
		<div class="layui-container">
			<div class="layui-row">
				<div class="layui-col-md4"><h3>累计上课</h3></div>
				<div class="layui-col-md4"><h3>平均评分</h3></div>
				<div class="layui-col-md4"><h3>评价人数</h3></div>
			</div>
			<div class="layui-row">
				<div class="layui-col-md4"><h2 th:text="${coach.getCount()}">节</h2></div>
				<div class="layui-col-md4"><h2 th:text="${coach.getRealMark()}">分</h2></div>
				<div class="layui-col-md4">
					<a th:href="@{/privateCourseComment(cid=${coach.getId()})}"><button type="button" class="layui-btn" th:text="${coach.getCount()}">
						<i class="layui-icon layui-icon-right layui-font-12"></i>
					</button>
					</a>
				</div>
			</div>
			
			<!-- 课程 -->
			<div class="course-panel">
				<p style="font-size: 30px;">课程</p>
				<tr th:each="course:${courses}">
					<div class="course-line">
						<img class="privateCourse-pic"/>
						<div class="line-middle">
							<p class="line-middle-top" th:text="${course.name}">私教体验课</p>
							<p class="line-middle-bottom" th:text="${course.intro}">分析身体健康状况</p>
							<p class="line-middle-bottom" th:text="${course.getLastTimeString()}"></p>
						</div>
						<div class="line-right">
							<p class="line-right-top">200/节</p>
							<div><a th:href="@{teach/insert(pid=${course.getId()},uid=${member.getMemberAccount()})}" class="layui-btn ayui-btn layui-btn-radius layui-btn-danger line-right-bottom">选课</a></div>
						</div>
					</div>
				</tr>
			</div>

			<form th:action="@{/setTeachTime}">
			<!-- 预约 -->
			<div class="appointment-panel">
				<p style="font-size: 35px;">预约时间</p>

				<div class="time-panel">
					<p class="time-panel-left" style="font-size: 20px; color: red;">请选择日期：</p>
					<input type="text" class="layui-input time-panel-middle" id="time" name="date">
					<select name="time" class="time-panel-right">
						<option value="">请选择具体时间</option>
						<option value="09">9:00</option>
						<option value="10">10:00</option>
						<option value="11">11:00</option>
						<option value="13">13:00</option>
						<option value="14">14:00</option>
						<option value="15">15:00</option>
						<option value="16">16:00</option>
						<option value="17">17:00</option>
					</select>
				</div>
				<div style="margin-left: 85%;"><input class="layui-btn" type="submit" value="确定"/> </div>

			</div>
			</form>
		</div>
	</body>
</html>